<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>XHR 事件</title>
</head>
<body>
    
    <script>
        const url = 'https://www.imooc.com/api/http/search/suggest?words=js';

        const xhr = new XMLHttpRequest();

        // lode 事件
        /* xhr.onload = ()=>{
            if((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304){
                console.log(JSON.parse(xhr.response));
            }
        } */
        xhr.addEventListener('load',()=>{
            if((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304){
                console.log(JSON.parse(xhr.response));
            }
        })

        // error 事件
        xhr.addEventListener('error',()=>{
            console.log('error');
        })

        xhr.open('GET',url,true);

        xhr.send();
    </script>
</body>
</html>